<!DOCTYPE html>

<html>

	<head>

		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>仪器共享</title>
		<meta name="keywords" content="科研仪器，生命科学仪器，环境检测仪器，实验常用设备，分析仪器">
		<meta name="description" content="中国领先的科研仪器共享平台，让您快速找到各种类型的科学研究仪器。提升闲置仪器利用率，产生更大科研价值。涵盖：生命科学仪器、环境检测仪器、实验常用设备、分析仪器、仪表、物性测试、测量/计量仪器、在线及过程控制仪器。

">
		<!--<link rel="stylesheet" href="new_css/header_footer.css?t=1">-->
		<link rel="stylesheet" href="new_css/instrumentList.css">
		<script src="new_js/jquery-1.11.3.js"></script>
		<link rel="stylesheet" href="css/reset.css">
		<link rel="stylesheet" href="css/common.css">
		<script>
			$(function() {
				$('#front_header .header_wrap .right').hover(function() {
					$('#front_header .header_wrap .right .main .icon img').attr('src', 'images/icon2.png');
					$('#front_header .header_wrap .right .out').show();
				}, function() {
					$('#front_header .header_wrap .right .main .icon img').attr('src', 'images/icon1.png');
					$('#front_header .header_wrap .right .out').hide();
				});
				$('#sorts').on('mouseover', 'li', function() {
					$(this).find('span img').attr('src', 'images/icon4.png');
				});
				$('#sorts').on('mouseout', 'li', function() {
					$(this).find('span img').attr('src', 'images/icon5.png');
				});
				
				$('.mainList .content .left li').click(function(){
					$(this).addClass('selected').siblings().removeClass('selected');
				});
				$('.mainList .content .search .item .right ul li').click(function(){
					$(this).addClass('selected').siblings().removeClass('selected');
				});
			});
		</script>

		<style>

			.mainList .content .list {
				width: 1159px;
			}

			.mainList .content .list li .active>div a {
				display: block;
				width: 178px;
				height: 42px;
				text-align: center;
				line-height: 42px;
				color: #fff;
				font-size: 20px;
				margin-right: 16px;
				background: #ff8a00;
				border-radius: 5px;
				-webkit-border-radius: 5px;
				-moz-border-radius: 5px;
			}
			.myPage {
				margin: 0 auto;
				width: 1200px;
				height: 80px;
				font-size: 12px;
				text-align: center;
				display: flex;
				justify-content: center;
				margin-top: 30px;
			}
		</style>

	</head>

	<body style="background:#fff;">

	<header>
		<!--Top head navigation bgc-->
		<div class="top-nav-bgc">
			<!--Top head navigation-->
			<div class="top-nav">
				<!--left-->
				<div class="top-nav-left fl">
					<!--img-->
					<img src="images/home.png">
					<!--companyName-->
					<span><a href="index">观迎访问仪器共享平台</a></span>
				</div>
				<!--right-->
				<div class="top-nav-right fr" >
					<!--username-info-->
					<div class="username-info">
						<!--userImg-->
						<div class="userImg fl">
							<img src="images/user.png">
						</div>
						<!--username-->
						<div class="username fl">
							<ul>
								<li id="username" >
									<a onclick="userImg();" href="">itwangyang@foxmail.com</a>
									<img id="userImg" src="images/icon1.png">
								</li>
							</ul>

							<ul  class="dropdown-nav" id="dropdown-nav" style="display: none">
								<!--<img src="images/icon9.png">-->
								<li>
									<a class="active" href="">用户中心</a>
								</li>
								<li>
									<a href="">退出登录</a>
								</li>
							</ul>
						</div>

						<!--  <div class="fl">
                             <ul>
                                 <li class="fl" style="margin-right: 20px"><a href="">登录</a></li>
                                 <li class="fl"><a href="">注册</a></li>
                             </ul>
                         </div> -->


					</div>
				</div>
			</div>
		</div>
		<!--header search-->
		<div class="header-search clearfix">
			<!--left-->
			<div class="header-search-lef fl">
				<div class="logo-name fl" ><a href="index">科研仪器共享平台</a> </div>
				<div class="shopping-Mall fl">
					<div class="logo-mall">
						<a href=""><img src="images/icon3.png"></a>
					</div>
					<div class="mall-name">
						<a href="">yq.shang.com</a>
					</div>
				</div>
			</div>
			<!--right-->
			<div class="header-search-right fr">
				<div class="search-text fl">
					<input type="text" placeholder="请您输入仪器名称、分类名称、测试内容、机构名称...">
				</div>
				<div class="search-btn fl">
					<input type="submit" value="搜索">
				</div>
			</div>
		</div>
	</header>

		<div class="mainList">
			<div class="bNav">您的位置：首页><span>仪器列表</span></div>
			<div class="content">
				<div class="search">
					<div class='item'>
						<div class="left">类别：</div>
						<div class="right">
							<ul>
								<li class="selected">不限</li>
								<li>分析仪器</li>
								<li>不胡不不分析仪器</li>
								<li>分析仪器</li>
								<li>不胡不不分析仪器</li>
								<li>分析仪器</li>
								<li>不胡不不分析仪器</li>
								<li>分析仪器</li>
								<li>不胡不不分析仪器</li>
								<li>分析仪器</li>
								<li>不胡不不分析仪器</li>
								<li>分析仪器</li>
								<li>不胡不不分析仪器</li>
								<li>分析仪器</li>
								<li>不胡不不分析仪器</li>
								<li>分析仪器</li>
								<li>不胡不不分析仪器</li>
							</ul>
						</div>
					</div>
					<div class='item'>
						<div class="left">地区：</div>
						<div class="right">
							<ul>
								<li class="selected">不限</li>
								<li>分析仪器</li>
								<li>不胡不不分析仪器</li>
								<li>分析仪器</li>
								<li>不胡不不分析仪器</li>
								<li>分析仪器</li>
								<li>不胡不不分析仪器</li>
								<li>分析仪器</li>
								<li>不胡不不分析仪器</li>
								<li>分析仪器</li>
								<li>不胡不不分析仪器</li>
								<li>分析仪器</li>
								<li>不胡不不分析仪器</li>
								<li>分析仪器</li>
								<li>不胡不不分析仪器</li>
								<li>分析仪器</li>
								<li>不胡不不分析仪器</li>
							</ul>
						</div>
					</div>
				</div>
				
				
				
				<div class="list">
					<ul>
						<li>
							<div class="pic"><img src="images/productDetailPic.png"/></div>
							<div class="info">
								<div class="title">全功能紫外-可见-近红外荧光光谱仪</div>
								<div class="row2">
									<div class="font">型号：<span>123456</span></div>
									<div class="font">提供单位：<span>大型仪器中心</span></div>
									<div class="font">地区：<span>北京</span></div>
								</div>
								<div class="row3">功能：<span>气相色谱</span></div>
							</div>
							<div class="price">
								<div class="wrap">
								<p>¥300元/小时</p>
								<p><span>已预约321次</span></p>
								</div>
							</div>
							
							
							<div class="active">
								<div><a href="productDetail5.html">查看详情</a></div>
								<div><a href="#this">立即预约</a></div>
								<div><a href="#this">仪器知识</a></div>
							</div>
						</li>
						<li>
							<div class="pic"><img src="images/productDetailPic.png"/></div>
							<div class="info">
								<div class="title">全功能紫外-可见-近红外荧光光谱仪</div>
								<div class="row2">
									<div class="font">型号：<span>123456</span></div>
									<div class="font">提供单位：<span>大型仪器中心</span></div>
									<div class="font">地区：<span>北京</span></div>
								</div>
								<div class="row3">功能：<span>气相色谱</span></div>
							</div>
							
							
							<div class="price">
								<div class="wrap">
								<p>¥300元/小时</p>
								<p><span>已预约321次</span></p>
								</div>
							</div>
							<div class="active">
								<div><a href="productDetail5.html">查看详情</a></div>
								<div><a href="#this">立即预约</a></div>
								<div><a href="#this">仪器知识</a></div>
							</div>
						</li>
						<li>
							<div class="pic"><img src="images/productDetailPic.png"/></div>
							<div class="info">
								<div class="title">全功能紫外-可见-近红外荧光光谱仪</div>
								<div class="row2">
									<div class="font">型号：<span>123456</span></div>
									<div class="font">提供单位：<span>大型仪器中心</span></div>
									<div class="font">地区：<span>北京</span></div>
								</div>
								<div class="row3">功能：<span>气相色谱</span></div>
							</div>
							<div class="price">
								<div class="wrap">
								<p>¥300元/小时</p>
								<p><span>已预约321次</span></p>
								</div>
							</div>
							
							
							<div class="active">
								<div><a href="productDetail5">查看详情</a></div>
								<div><a href="#this">立即预约</a></div>
								<div><a href="#this">仪器知识</a></div>
							</div>
							
						</li>
					</ul>
				</div>
			</div>
		</div>

	<!--page-->
	<div class="myPage clearfix">
		<!--currentpage="1" numbercount="100"-->
		<ul class="page" maxshowpageitem="5" pagelistcount="10"  id="page"></ul>
	</div>
	<!--footer-->
	<footer>
		<div class="foot clearfix">
			<p>&copy; 2015-2020 科研仪器 版权所有 技术支持：科研仪器共享平台 支持电话：010-123658987 </p>
		</div>
	</footer>
	<script src="js/common.js"></script>
	</body>

</html>